<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <!-- basic styles -->
        <link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="../assets/css/font-awesome.min.css" />
        <link rel="stylesheet" href="../assets/css/ace.min.css" />
        <link rel="stylesheet" href="../assets/css/ace-rtl.min.css" />
        <link rel="stylesheet" href="../assets/css/ace-skins.min.css" />
    </head>
    <body>
        <div class="main-container">
            <div class="col-xs-12">
                <h3 class="header smaller lighter blue">系统日志</h3>
                <div class="table-header">
                    日志查看
                </div>
                <div class="table-responsive">
                    <table id="sample-table-2" class="table table-striped table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>用户</th>
                                <th>内容</th>
                                <th>时间</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>                                
                                <th>admin</th>
                                <th>登录</th>
                                <th>2014年10月31日17:02:31</th>
                            </tr>
                            <tr>                                
                                <th>admin</th>
                                <th>注销</th>
                                <th>2014年10月31日17:30:51</th>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <script src="../assets/js/jquery.js"></script>
        <script src="../assets/js/bootstrap.min.js"></script>
        <!-- page specific plugin scripts -->
        <script src="../assets/js/jquery-ui-1.10.3.custom.min.js"></script>
        <script src="../assets/js/jquery.dataTables.min.js"></script>
        <script src="../assets/js/jquery.dataTables.bootstrap.js"></script>
        <script type="text/javascript">
            jQuery(function ($) {
                var oTable1 = $('#sample-table-2').dataTable({
                    "aoColumns": [
                        {"bSortable": false, "sWidth": "100px", "sClass": "centen"},
                        {"bSortable": false, "sWidth": "100px", "sClass": "centen"},
                        {"bSortable": false, "sWidth": "100px", "sClass": "centen"}
                    ],
//                    "aaData":[[]]
                });
                $('table th input:checkbox').on('click', function () {
                    var that = this;
                    $(this).closest('table').find('tr > td:first-child input:checkbox')
                            .each(function () {
                                this.checked = that.checked;
                                $(this).closest('tr').toggleClass('selected');
                            });

                });
                setInterval(function () {
                    parent.$("#page-content").attr("height", $("html").height());
                }, 500);
            })
        </script>
    </body>
</html>
